<template>
	<view class="status">
		<block v-if="false">
			<view class="top flex-center-column">
				<view class="success flex-center">
					<icon type="success_no_circle" size="40" color="#333"></icon>
				</view>
				<view class="h1">连接成功，请等待审核</view>
				<text>您的交易账户API连接成功</text>
			</view>
			<view class="list flex-between">
				<text>API类型</text>
				<view>交易员</view>
			</view>
			<view class="list flex-between">
				<text>交易平台</text>
				<view>HuoBi</view>
			</view>
			<button class="flex-center">完成</button>
		</block>
		<block v-if="true">
			<view class="top flex-center-column">
				<view class="success flex-center">
					<icon type="success_no_circle" size="40" color="#333"></icon>
				</view>
				<view class="h1">跟随成功</view>
				<text>您可以在互联栏目中查看跟随详情</text>
			</view>
			<view class="list flex-between">
				<text>跟随信息</text>
				<view>正向 按比例0.1倍</view>
			</view>
			<view class="list flex-between">
				<text>账户</text>
				<view>USDT</view>
			</view>
			<view class="list flex-between">
				<text>交易员</text>
				<view>金刚葫芦娃</view>
			</view>
			<button class="flex-center">完成</button>
		</block>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				
			};
		}
	}
</script>

<style lang="less">
	page{
		background: white;
	}
	@color:#d4237a;
	.status{
		padding: 0 30rpx;
		.top{
			padding: 30rpx 0;
			.success{
				width: 160rpx;
				height: 160rpx;
				border: 2px solid #ddd;
				border-radius: 50%;
			}
			.h1{
				font-size: 45rpx;
				margin: 24rpx 0 15rpx;
			}
			text{
				font-size: 26rpx;
				color:#999;
			}
		}
		.list{
			line-height: 3;
			border-bottom: 1px solid #eee;
			text{
				color:#666;
			}
		}
		button{
			font-size: 32rpx;
			margin-top: 100rpx;
			background: @color;
			color:white;
		}
	}
</style>
